import React from "react";

interface IconProps {
  className?: string;
  width?: number;
  height?: number;
  fill?: string;
}

const TooltipIcon: React.FC<IconProps> = ({
  className = "w-5",
  width = 32,
  height = 32,
  fill = "#dbdbdb",
}) => (
  <svg
    className={className}
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    width={width}
    height={height}
  >
    <path
      d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-85.333334a341.333333 341.333333 0 1 0 0-682.666666 341.333333 341.333333 0 0 0 0 682.666666z m-42.666667-213.333333h85.333334v85.333333h-85.333334v-85.333333z m85.333334-70.186667V597.333333h-85.333334v-64a42.666667 42.666667 0 0 1 42.666667-42.666666 64 64 0 1 0-62.762667-76.544l-83.712-16.768A149.376 149.376 0 1 1 554.666667 569.813333z"
      fill={fill}
    ></path>
  </svg>
);

export default TooltipIcon;
